

/*蔡小爱*/
*{
			padding: 0;
			margin: 0;
			font-family: "Arial";
			list-style: none;
		}
		#boxOfnews{
			width: 1200px;
			margin: 30px auto;
		}
		h1{
			font-size: 50px;
			font-weight: 200;
			color: #777;
			margin: 0 auto;
			text-align: center;
		}
		ul{
			width:1000px;height: 70px;
			line-height: 70px;
			margin: 30px auto;
			overflow: hidden;
		}
		ul>li{
			font-size: 16px;
			height: 50px;
			width: 240px;
			text-align: center;
			padding-left: 10px;
			float: left;
		}
		ul>li>a{
			display: block;
			height: 45px;
			line-height: 45px;
			font-size: 20px;
			font-family: "Arial";
			display: inline-block;
			cursor: pointer;
		}
		
		.news{
			height: 100px;
			width: 300px;
			margin: 10px;
			padding: 10px;
			background-color: #f6f6f6;
			border:1px solid #efefef;
		}

		 .news:hover{
			background-color: #181947;
			color:#fff;
		} 
		.news:hover>p{
			color: #fff;
		}
		.news:hover>p>strong{
			color: #fff;
		}
		.news>div{
			height: 60px;width: 60px;
			border-radius: 50%;
			margin: 20px 10px;
			float: left;
			
		}
		.newsC{
			background-image: url("../img/3.JPG");
		}
		.newsI{
			background-image: url("../img/1.JPG");
		}
		.newsM{
			background-image: url("../img/2.JPG");
		}
		.newsT{
			background-image: url("../img/4.JPG");
		}
		.news>p{
			height: 99px;width: 200px;
			font-size: 16px;
			color: #999;
			float: left;
		}
		.news>p>strong{
			font-size: 18px;
			color: #777;
		}
		.news:hover>div{
        -moz-animation: rotate 1.5s linear infinite;
		}
   		@-moz-keyframes rotate{
        	from{
            	-moz-transform:rotate(0deg);
        	}
       	 	to{
           	 	-moz-transform:rotate(360deg);
        	}
    	}

    	.news:hover>div{
        -webkit-animation: rotate 1.5s linear infinite;
		}
   		@-webkit-keyframes rotate{
        	from{
            	-webkit-transform:rotate(0deg);
        	}
       	 	to{
           	 	-webkit-transform:rotate(360deg);
        	}
    	}
    	#Industry,#Media,#Thematic{
    		display: none;
			
    	}



    	.cl-effect-20 a {
	line-height: 2em;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
}

.cl-effect-20 a span {
	position: relative;
	display: inline-block;
	padding: 3px 15px 0;
	background: #587285;
	color: #fff;
	box-shadow: inset 0 3px #181947;
	-webkit-transition: background 0.6s;
	-moz-transition: background 0.6s;
	transition: background 0.6s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}

.cl-effect-20 a span::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #181947;
	content: attr(data-hover);
	-webkit-transform: rotateX(270deg);
	-moz-transform: rotateX(270deg);
	transform: rotateX(270deg);
	-webkit-transition: -webkit-transform 0.6s;
	-moz-transition: -moz-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	pointer-events: none;
}

.cl-effect-20 a:hover span,
.cl-effect-20 a:focus span {
	background: #181947;
}

.cl-effect-20 a:hover span::before,
.cl-effect-20 a:focus span::before {
	-webkit-transform: rotateX(10deg);	
	-moz-transform: rotateX(10deg);
	transform: rotateX(10deg);
}
#NavigationBar>span{
	width: 130px;
	height: 40px;
	background-image: url("../img/电话.png");
	background-repeat: no-repeat;
	font-size: 18px;
	line-height: 35px;
	padding-left: 45px;
	position:absolute;
	top: 45px;
	right: 50px;
}
#news_div{
	position: relative;
}
.news_links{
	width: 1300px;
	border:1px solid black;
	background-color: rgb(255,255,255);
	position: absolute;
	top: 20px;
	left: -50px;
	display: none;
}
.news_links>h2{
	margin: 20px auto;
	text-align: center;
}
.news_links>p{
	width: 900px;
	text-indent: 2em;
	margin: 20px auto;
	line-height: 35px;
	
}
.news_links>img{
	float: left;
	margin: 20px;
}
.news_links>a{
	display: block;
	height: 40px;width: 40px;
	border:1px solid black;
	border-radius: 50%;
	float: right;
	line-height: 40px;
	text-align: center;
	font-size: 28px;
}
.news_links>a:hover{
	cursor: pointer;
}
/*蔡小爱*/
